<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <!-- 前提条件是页面产生滚动条
         第一步 给目标位置的标签设置一个id  <p id="id"></p>
         第二步 给a标签的href属性填写第一步设置的id
        <a href = "#id">点我跳转</a> 
        
         第一步 给跳转目标a标签name 属性
         第二步 给要点击的a标签href属性 用#+目标a标签的name属性值
        <a href="#artice">点击跳转</a>
     <a name="artice"></a> -->
    <a href="#artice">点击跳转</a>
    <!-- h${$标题标签}*6 -->
    <h1 style="display: inline-block;">1级标题</h1>
    <h2>2级标题</h2>
    <h3>3级标题</h3>
    <h4>4级标题</h4>
    <h5>5级标题</h5>
    <h6>6级标题</h6>
    <h7>7级标题</h7>

    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
    <p id="h2">段落标签hhhhhhhhh222222</p>
    <a name="artice"></a>


    <span>文本标签</span><br />
    <span>文本标签</span>

    <!-- 换行标签 -->
    <br />
    <!-- 水平线 -->
    <hr />

    <!-- 图像标签 -->
    <img src="./1.jpg" alt="瞎子" width="50%" height="50%" title="鼠标悬停时显示">

    <!-- 超链接标签 _self 默认值 _blank 新的窗口 -->
    <a href="https://www.baidu.com/" target="_blank">baidu</a>

    <!-- 路径
    绝对路径
       绝对文件路径是指向一个因特网文件的完整url，一般是以web站点跟目录为参考基础的目录路径。因为不管那个用户去引用该
       文件的时候填写的地址都是一样的。
       例如：https://www.baidu.com
            D:\bluej44\3.9
    相对路径
       相对于当前文件的路径
       ./ 当前文件所在路径
       ../ 当前文件所在位置的上一级 -->
       <img src="./2.jpg">
</body>

</html>